@font-face {
	font-family: 'Nunito-Bold';
	src: url(../fonts/Nunito-Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'OpenSans-Regular';
	src: url(../fonts/OpenSans-Regular.ttf) format('truetype');
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

h1,
h3,
h4 {
	padding: 0 0;
	margin: 0 0;
}

p {
	padding: 0 0;
	margin: 0 0;
}

body {
	padding: 0 0;
	margin: 0 0;
	font-family: 'OpenSans-Regular';
}

.header-section {
	background: #deecdf;
	text-align: center;
	min-height: 500px;
}

.header-section img {
	margin-top: 7em;
}

.header-section h1 {
	font-family: 'Nunito-Bold';
	font-size: 4em;
	text-transform: capitalize;
	color: #393b3a;
	padding: 0.5em 0 0 0;
}

.header-section span {
	color: #00cfbd;
	font-size: 1em;
}

.header-section p {
	font-family: 'Nunito-Bold';
	font-size: 1.3em;
	color: #393b3a;
}

span.glyphicon.glyphicon-triangle-bottom {
	font-size: 2em;
	color: #fff;
	background-color: rgb(0, 207, 189);
	padding: 0.5em 2em;
	border-radius: 5px 5px 0 0;
	margin-top: 2.5em;
}

.study-section {
	padding: 4em 0;
}

.study-grid h3 {
	font-family: 'Nunito-Bold';
	font-size: 2.5em;
	text-transform: capitalize;
	color: #393b3a;
}

.study-grid span {
	color: #00cfbd;
	font-size: 0.9em;
}

.study-grid p {
	font-size: 1.2em;
	color: #393b3a;
	padding: 1.1em 0 0 0;
}

.study-grid label {
	font-size: 0.8em;
	color: #9CA69D;
	margin: 0 0 0 7px;
}

.progress {
	margin: 10px 0;
	box-shadow: none;
}

.progress-bar-success {
	background-color: #DEECDF;
	box-shadow: none;
}

.progress-bar-info {
	background-color: #ACB5B8;
	box-shadow: none;
}

.progress-bar-warning {
	background-color: #78B3AE;
	box-shadow: none;
}

.progress-bar-danger {
	background-color: #8C9D82;
	box-shadow: none;
}

.study-grid h4 {
	font-size: 1.3em;
	text-transform: capitalize;
	color: rgb(29, 26, 26);
}

.study1 {
	padding: 1em 0 0;
}

.study2 {
	padding: 2em 0 0;
}

.contact-section {
	padding: 4em 0;
	background: #deecdf;
}

.contact-section h3 {
	font-family: 'Nunito-Bold';
	font-size: 2.5em;
	text-transform: capitalize;
	color: #393b3a;
	text-align: center;
	margin-bottom: 2em;
}

.contact-details input[type="text"],
.contact-details textarea {
	width: 100%;
	padding: 1.5em 1em;
	border: 1px solid #7ca17f;
	font-size: 1.1em;
	margin-bottom: 1.2em;
	color: #Aac8ac;
	outline: none;
	background: transparent;
	font-weight: 600;
}

.contact-details textarea {
	height: 246px;
	resize: none;
	width: 100%;
}

.contact-right {
	text-align: right;
}

.footer-section {
	padding: 2em 0;
	text-align: center;
	background: #deecdf;
}

.footer-top p {
	font-size: 0.9em;
	color: #1B1B1B;
	font-weight: 400;
}


/*-- responsive-design --*/

@media only screen and (max-width: 1024px) {
	.header-section h1 {
		font-size: 3em;
	}
	.header-section p {
		font-size: 1.2em;
	}
	.study-grid h3 {
		font-size: 2em;
	}
	.study-grid p {
		font-size: 1.1em;
	}
	.study-grid h4 {
		font-size: 1.3em;
	}
	.service-grid h4 {
		font-size: 1.3em;
	}
	.service-grid p {
		font-size: 0.965em;
	}
	.contact-section h3 {
		font-size: 2em;
	}
	.contact-details input[type="text"],
	.contact-details textarea {
		font-size: 1em;
	}
	.contact-details textarea {
		height: 225px;
	}
}

@media only screen and (max-width: 768px) {
	.header-section {
		min-height: 472px;
	}
	.header-section h1 {
		font-size: 2.5em;
	}
	.header-section p {
		font-size: 1.1em;
	}
	span.glyphicon.glyphicon-triangle-bottom {
		font-size: 1.5em;
	}
	.study-section {
		padding: 3em 0;
	}
	.study-grid {
		float: left;
		width: 50%;
	}
	.study-grid h3 {
		font-size: 1.6em;
	}
	.study-grid p {
		font-size: 1em;
		padding: 1.2em 0 0 0;
	}
	.study-grid h4 {
		font-size: 1.1em;
	}
	.contact-section {
		padding: 3em 0;
	}
	.contact-section h3 {
		font-size: 1.6em;
		margin-bottom: 1.5em;
	}
	.contact-left {
		float: left;
		width: 50%;
	}
	.contact-right {
		float: left;
		width: 50%;
	}
	.contact-details input[type="text"],
	.contact-details textarea {
		padding: 1em 1em;
	}
	.contact-details textarea {
		height: 185px;
	}
}

@media only screen and (max-width: 640px) {
	.header-section img {
		margin-top: 5em;
	}
	.header-section {
		min-height: 430px;
	}
	.header-section h1 {
		font-size: 2em;
	}
	.header-section p {
		font-size: 1.05em;
	}
	.study-grid h3 {
		font-size: 1.5em;
	}
	.study-grid {
		float: none;
		width: 100%;
		margin-top: 2em;
	}
	.study1 {
		padding: 0 0 0;
	}
	.study2 {
		padding: 1em 0 0;
	}
	.study-grid p {
		font-size: 0.965em;
		padding: 1.2em 0 0 0;
	}
	.study-section {
		padding: 1em 0;
	}
	.study-grid h4 {
		font-size: 1em;
	}
	.service-grid h4 {
		font-size: 1em;
	}
	.contact-section h3 {
		font-size: 1.5em;
	}
}

@media only screen and (max-width: 480px) {
	.header-section img {
		margin-top: 5em;
		width: 30%;
	}
	.header-section {
		min-height: 345px;
	}
	.header-section h1 {
		font-size: 1.5em;
	}
	span.glyphicon.glyphicon-triangle-bottom {
		font-size: 1.3em;
	}
	.header-section p {
		font-size: 1em;
	}
	.study-grid h3 {
		font-size: 1.3em;
	}
	.study-grid {
		margin-top: 1em;
		padding: 0;
	}
	.study-grid p {
		font-size: 0.92em;
	}
	.study-grid h4 {
		font-size: 0.95em;
	}
	.contact-section {
		padding: 2em 0;
	}
	.contact-section h3 {
		font-size: 1.3em;
		margin-bottom: 1em;
	}
	.contact-details textarea {
		height: 160px;
	}
	.contact-left {
		float: none;
		width: 100%;
		padding: 0;
	}
	.contact-right {
		float: none;
		width: 100%;
		padding: 0;
	}
	.contact-details input[type="text"],
	.contact-details textarea {
		padding: 0.5em 0.5em;
		font-size: 0.95em;
	}
}

@media only screen and (max-width: 320px) {
	.header-section img {
		margin-top: 4em;
		width: 40%;
	}
	.header-section h1 {
		font-size: 1.8em;
	}
	span.glyphicon.glyphicon-triangle-bottom {
		font-size: 1em;
	}
	.header-section {
		min-height: 300px;
	}
	.study-grid h3 {
		font-size: 1.5em;
	}
	.study-section {
		padding: 0 0;
	}
	.study-grid p {
		font-size: 0.9em;
	}
	.study-grid {
		margin-top: 1.5em;
	}
	.study-grid h4 {
		font-size: 1.15em;
	}
	.service-grid h4 {
		font-size: 1.15em;
	}
	.contact-section h3 {
		font-size: 1.5em;
	}
	.contact-section {
		padding: 1em 0;
	}
}